<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ADESSA</title>
<link href="css/screen.css" rel="stylesheet" type="text/css" />


<!-- tab top  -->
<script type="text/javascript" src="js/tabber.js"></script>
<link rel="stylesheet" href="css/example.css" TYPE="text/css" MEDIA="screen">



<!-- js menu left-->

<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript" src="js/ddaccordion.js"></script>


<script type="text/javascript">

ddaccordion.init({
	headerclass: "submenuheader", //Shared CSS class name of headers group
	contentclass: "submenu", //Shared CSS class name of contents group
	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["suffix", "<img src='images/plus.gif' class='statusicon' />", "<img src='images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
})


</script>


</head>
<body >
<!-- wapper begin-->
<div class="wapper">
  <!-- top begin-->
  <div class="top">
    <div class="list_menu_top">
      <ul>
        <li ><a href="#"> <span> My Adessa</span> </a></li>
		<li ><a href="#"> <span> Business Talks </span> </a></li>
		<li class="prite" ><a href="#"> <span> JOB</span> </a></li>
      </ul>
    </div>
    <div class="gif"><img src="images/gif.png" width="46" height="66" /></div>
    <div class="logo"><a href="#"><img src="images/logo.gif" width="212" height="81" border="0" /></a></div>
    <div class="list_menu">
      <ul class="list_menu_right fr">
        <li><a href="#">Home</a></li>
        <li><a href="#">Outsourcing </a></li>
        <li><a href="#">About us</a></li>
        <li><a href="#">Advertising with us</a></li>
        <li><a href="#">Our services</a></li>
        <li><a href="#">Agent program</a></li>
        <li><a href="#">Contact us</a></li>
      </ul>
      <ul class="list_menu_left fr">
        <li class="join_free"><a href="#">nhvu2008</a></li>
      </ul>
      <div class="clr"></div>
    </div>
    <div>
      <div class="clr"></div>
      <div class="tab_bg">
        <div class="tabber" style="margin-left:230px;padding-top:11px;">
          <div class="tabbertab">
            <h2 >BUY</h2>
            <div class="search_top_main" style="margin-left:-230px;">
              <input type="text" class="text_box fl" value="Enter the Product name " />
              <select name="" class="cb_box fl">
                <option>Country</option>
              </select>
              <select name="" class="cb_box fl">
                <option>Categories</option>
              </select>
              <a href="#">
              <input type="submit" class="btn_search_main" id="ctl00_Search1_btnSearch" value="SEARCH">
              </a> </div>
          </div>
          <div class="tabbertab">
            <h2 style="margin-bottom:8px;">SELL</h2>
            <div class="search_top_main" style="margin-left:-230px;">
              <input type="text" class="text_box fl" value="Enter the Product name 1 " />
              <select name="" class="cb_box fl">
                <option>Country</option>
              </select>
              <select name="" class="cb_box fl">
                <option>Categories</option>
              </select>
              <a href="#">
              <input type="submit" class="btn_search_main" id="ctl00_Search1_btnSearch" value="SEARCH">
              </a> </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- top-->
  <!-- Content general begin-->
  <div class="content_general">
    <!-- Left main begin-->
    <div class="left_main fl">
	 <!-- Main menu area begin-->
      <div class="main_menu_area">
	  <div class="main_menu_area_top">MAIN MENU</div>
	  <div class="main_menu_area_mid">
	  <div class="glossymenu">
<a class="menuitem submenuheader" href="#" >Account setting</a>
<div class="submenu">
	<ul>
	<li><a href="#" class="selected1">Edit member profile</a></li>
	<li><a href="#">Change password</a></li>
	</ul>
</div>
<a class="menuitem" href="#">Company profile</a>
<a class="menuitem submenuheader" href="#" >Buying leads</a>
<div class="submenu">
	<ul>
	<li><a href="#">Post a new buying lead </a></li>
	<li><a href="#">Manage buying leads</a></li>
	</ul>
</div>


<a class="menuitem submenuheader" href="#" >Buying leads</a>
<div class="submenu">
	<ul>
	<li><a href="#">Post a new selling lead</a></li>
	<li><a href="#">Manage selling leads</a></li>
	</ul>
</div>
<a class="menuitem" href="#">Trade alerts</a>
<a class="menuitem" href="#">Gold member</a></div>
	  </div>
	  </div>
	  <!-- Main menu area begin-->
    </div>
    <!-- Left main -->
    <!-- Left right main begin-->
     <div class="fl left_right_main">
	<div class="member_are">
	<div class="log_out"><a href="#">Logout</a></div>
      <ul>
        <li > <span>Member Area</span> </li>
		
      </ul>
    </div>
	 </div>
    <!-- Left right main -->
	 <div class="mid_main fl">
	 <div style="font-size:20px">Member Status</div>
	 <div class="mt_10px">Your are a Free Member now.
Upgrade to<a href="#" class="lk1 bold"> Gold Member</a> and get 20 times more inquiries! <a href="#" class="lk1 bold" style="font-size:15px;">Apply now ! </a></div>
<div class="adv_mid"><img src="images/adv_mid.jpg" width="568" height="130" /></div>
<div class="adv_mid"><img src="images/apply_gold_member.jpg" width="568" height="130" /></div>
	 
	 </div>
	  <div class="right_main fr"><img src="images/qc1.jpg" width="200" height="160" /> <img src="images/qc1.jpg" width="200" height="160"  class="mt_5px"/></div>

    <div class="clr"></div>
  </div>
  <!-- Content general -->
  <!-- Bottom begin-->
  <div class="bottom">
    <div class="line_top"></div>
    <div class="line_bot">
      <ul class="b1">
        <li><a href="#" class="nobg" >Buy</a> </li>
        <li><a href="#">Sell</a></li>
        <li><a href="#">My Adessa </a></li>
        <li><a href="#"> Community </a></li>
        <li><a href="#">Term of use</a></li>
        <li><a href="#">Privacy Policy </a></li>
        <li><a href="#">Site Map</a></li>
      </ul>
      <div class="clr mb_10px"></div>
      <ul class="b2">
        <li><a href="#" class="nobg" >Home</a> </li>
        <li><a href="#">Outsourcing</a></li>
        <li><a href="#">About us </a></li>
        <li><a href="#"> Advertising with us</a></li>
        <li><a href="#"> Our services</a></li>
        <li><a href="#">Agent Program </a></li>
        <li><a href="#"> Contact us</a></li>
      </ul>
      <div class="clr"></div>
    </div>
    <div class="center" style="padding:5px 0;">Copyright © 2011 Adessa. All rights reserved</div>
  </div>
  <!-- Bottom -->
</div>
<!-- wapper page-->
</body>
</html>
